﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>协强首页</title>
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/md5.js'></script>
		<script src='js/fastclick.js'></script>
		<script src='js/vue2.0.min.js'></script>
	</head>

	<body>
		<div id='app' v-cloak>
			<div class='header'>
				<div class='box'>
					<div class='left lt'>
						<img class='lt' src="img/PCindex/logo.png" />
					</div>
                    <ul class='center lt'>
                        <li>
                            <a class='nav_border_cur' href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="education.html">增值空间</a>
                        </li>
                        <li>
                            <a href="news.html">行业动态</a>
                        </li>
                        <li>
                            <a href="BuildingCards.html">品牌企业</a>
                        </li>
                        <li>
                            <a href="bidsList.html">招标资讯</a>
                        </li>

                        <li>
                            <a href="netWorkerList.html">VIP定制</a>
                        </li>
                    </ul>
					<div class='right rt'>
						<span class='font_family icon-wode lt'></span>
						<ul class='lt'>
                            <li @click="toBackground">{{loginState?loginInfo.Name:'VIP登录'}}</li>
							<!--<li>服务查询</li>
							<li>中文 <span class='font_family icon-jiantouxia'></span></li>-->
						</ul>
					</div>
				</div>
				<!--banner and search-->
				<div class='banner'>
					<div class='left lt animated zoomInLeft'>
						<h1>一站式服务</h1>
						<h3>协强定制</h3>
						<div class='search'>
							<input type="text" placeholder="协强定制网" v-model="keyWord"/>
							<span class='font_family icon-sousuo' @click="searchBtn"></span>
						</div>
						<ul>
							<li v-for='item in hotKeyWord' @click="clickHotKeyWord(item)">{{item}}</li>
						</ul>
					</div>
					<div class='right rt animated zoomInRight'>
						<ul>
							<li>
								<div class='title'>
									<span class='font_family icon-redian'></span>
									<b>热点服务</b>
								</div>
								<ul class='content'>
									<li>
										<a href="http://113.108.219.40/Dop/" target="_blank">行业大数据查询</a>
									</li>
									<li>
										<a href="">求职招聘</a>
									</li>
									<li>
										<a href="">招标资讯</a>
									</li>
								</ul>
							</li>
							<li>
								<div class='title'>
									<span class='font_family icon-peixun'></span>
									<b>增值空间</b>
								</div>
								<ul class='content'>
									<li>
										<a href="http://xieqiangjiaoyu.com/Module/ColumnClass.aspx" target="_blank">最新课程</a>
									</li>
									<li>
										<a href="http://xieqiangjiaoyu.com/Module/MenuFirst.aspx?MenuInt=4" target="_blank">职称评审</a>
									</li>
									<li>
										<a href="http://xieqiangjiaoyu.com/Module/MenuFirst.aspx?MenuInt=6" target="_blank">学历晋升</a>
									</li>
									<li>
										<a href="http://xieqiangjiaoyu.com/Module/MenuFirst.aspx?MenuInt=5" target="_blank">就业推荐</a>
									</li>
								</ul>
							</li>
							<li>
								<div class='title'>
									<span class='font_family icon-lianjie'></span>
									<b>行业链接</b>
								</div>
								<ul class='content'>
									<li>
										<a href="http://www.gdcic.net/KHGL/" target="_blank">安管人员</a>
									</li>
									<li>
										<a href="http://113.108.219.52/Project/" target="_blank">监管平台</a>
									</li>
									<li>
										<a href="http://113.108.219.40/intogd/" target="_blank">诚信平台</a>
									</li>
									<li>
										<a href="http://gdzczx.gdcic.net/gdzczxIms/bsdt/" target="_blank">执业注册</a>
									</li>
									<li>
										<a href="http://jzsc.mohurd.gov.cn/asite/jsbpp/index/" target="_blank">四库一平台</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--主题内容-->
			<div class='main'>
				<div class='hotClass'>
					<div class='title'>
						热门课程
						<h4>————————&nbsp;&nbsp;&nbsp;Most popular courses&nbsp;&nbsp;&nbsp;————————</h4>
					</div>
					<ul class="title1"  id='hotClassTab'>
						<li class='curColor' data-id='1'>考证报班</li>
						<li data-id='2'>继续教育</li>
						<li data-id='3'>学历晋升</li>
					</ul>
					<div class='content'>
						<ul>
							<li v-for='item in hotClass' :class='item.cname'>
								<img :src="item.img" alt="" />
								<div class='top'>
									<img class='left' src="img/PCindex/1.png" alt="" />
									<img class='right' src="img/PCindex/2.png" alt="" />
									<span>{{item.name}}</span>
									<p>{{item.title}}</p>
								</div>
								<div class='bottom'>
									<a :href="i.href" :class='i.cname' v-for='i in item.btn'>{{i.title}}</a>
								</div>
							</li>						
						</ul>
					</div>
				</div>
				<div class='service'>
					<div class='title'>
						定制服务
						<h4>————————&nbsp;&nbsp;&nbsp;Custom service&nbsp;&nbsp;&nbsp;————————</h4>
					</div>
					<ul id='service'>
						<li>
							<a href="">
								<img src="img/PCindex/service3.jpg" alt="" />
								<div>
									<h2>专业服务</h2>
                                    <p style="line-height: 20px;">专业技术团队<br />+<br />云端智能平台</p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/PCindex/service2.jpg" alt="" />
								<div>
									<h2>贴心服务</h2>
                                    <p style="line-height: 20px;">专一全程跟踪<br />+<br />证书时效提醒 </p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>
						<li>
							<a href="">
								<img src="img/PCindex/service1.jpg" alt="" />
								<div>
									<h2>高效服务</h2>
                                    <p style="line-height: 20px;">专业精准发力<br />+<br />私人定制实效方案 </p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<!--私人管家-->
				<div class='manager'>
					<div class='title'>
						私人管家
						<h4>————————&nbsp;&nbsp;&nbsp;Custom service&nbsp;&nbsp;&nbsp;————————</h4>
					</div>
					<div class='content'>
						<div class='left'>
							<h2>管家服务,专业贴心</h2>
							<p>管家服务</p>
						</div>
						<div class='right' id='circleAnimate'>
							<img class='managerline' src="img/PCindex/managerline.png" alt="" />
							<div class='one'>
								<a href="">
									<div class='circle lt animated zoomIn'>
										<div class='inner_circle'>
											证书 到期
										</div>
									</div>
								</a>
								<p class='lt'>
									到期提醒证书提醒
								</p>
							</div>
							<div class='two'>
								<a href="">
									<div class='circle lt animated zoomIn'>
										<div class='inner_circle'>
											轻松考证
										</div>
									</div>
								</a>
								<p class='lt'>
									考试时间顺利拿证
								</p>
							</div>
							<div class='three'>
								<a href="">
									<div class='circle lt animated zoomIn'>
										<div class='inner_circle'>
											轻松考证
										</div>
									</div>
								</a>
								<p class='lt'>
									考试时间顺利拿证
								</p>
							</div>
							<div class='four'>
								<a href="">
									<div class='circle lt animated zoomIn'>
										<div class='inner_circle'>
											轻松考证
										</div>
									</div>
								</a>
								<p class='lt'>
									考试时间顺利拿证
								</p>
							</div>
							<div class='five'>
								<a href="">
									<div class='circle lt animated zoomIn'>
										<div class='inner_circle'>
											轻松考证
										</div>
									</div>
								</a>
								<p class='lt'>
									考试时间顺利拿证
								</p>
							</div>
						</div>
					</div>
				</div>
				<!--行业链接-->
				<div class='link'>
					<div class='title'>
						行业链接
						<h4>————————&nbsp;&nbsp;&nbsp;Industry link&nbsp;&nbsp;&nbsp;————————</h4>
					</div>
					<ul>
						<li>
							<a href="http://www.gdpace.com/" target="_blank">
								<img src="img/link/1.png" alt="广东省建设教育协会" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://www.gdcost.com/" target="_blank">
								<img src="img/link/2.png" alt="广东造价信息网" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://113.108.219.40/Dop/" target="_blank">
								<img src="img/link/3.png" alt="数据开放平台" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://gdzczx.gdcic.net/" target="_blank">
								<img src="img/link/4.png" alt="广东省建设执业资格注册中心" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://113.108.219.40/Approve/Default.aspx" target="_blank">
								<img src="img/link/5.png" alt="三库一平台" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://www.gdcic.net/KHGL/" target="_blank">
								<img src="img/link/6.png" alt="安管考核" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://113.108.219.40:8001/login.aspx?showlogin=true" target="_blank">
								<img src="img/link/7.png" alt="广东省建设行业统计工作平台" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://gdzczx.gdcic.net/gdzczxIms/bsdt/" target="_blank">
								<img src="img/link/8.png" alt="执业注册" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://113.108.219.46/cranesystem/" target="_blank">
								<img src="img/link/9.png" alt="广东省建筑起重机械及特种作业人员资格管理系统" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
						<li>
							<a href="http://gdzczx.gdcic.net/xxgk/" target="_blank">
								<img src="img/link/10.png" alt="广东执业注册人员查询系统" />
								<div>
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
									<img src="img/link/star.png" alt="" />
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class='footer'>
				<div class="box">
					<div class='left'>
						<div>
							<img src="img/PCindex/3.png" alt="" />
							<div class='lt'>
								<h2>协强管家</h2>
								<p>24小时在线咨询</p>
							</div>
						</div>
						<h4>020-8722-8112</h4>
						<h5></h5>
					</div>
					<ul class='center'>
						<li>
							<ul>
								<li>帮助</li>
								<li>
									<a href="">网站导航</a>
								</li>
								<li>
									<a href="">网站介绍</a>
								</li>
								<li>
									<a href="">联系方式</a>
								</li>
							</ul>
						</li>
						<li>
							<ul>
								<li>相关</li>
								<li>
									<a href="">网站导航</a>
								</li>
								<li>
									<a href="">网站介绍</a>
								</li>
								<li>
									<a href="">联系方式</a>
								</li>
							</ul>
						</li>
						<li>
							<ul>
								<li>媒体</li>
								<li>
									<a href="">网站导航</a>
								</li>
								<li>
									<a href="">网站介绍</a>
								</li>
								<li>
									<a href="">联系方式</a>
								</li>
							</ul>
						</li>
					</ul>
					<div class='right'>
						<img src="img/PCindex/erweima.jpg" alt="" />
					</div>
				</div>
			</div>
			<div class='copy'>
				广州市协强教育企业管理咨询有限公司 CopyRight ? 2016-2017. GDCIC All Right Rese
			</div>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/isLogin.js'></script>
		<script src='js/login.js'></script>
		<script src='js/index.js'></script>
	</body>

</html>